.sp1 { padding:10px 0 0 0; text-align:center; font-size:14pt; }
.sp1 .xtitle1 { padding:6px 6px 2px 6px; background-color:var(--text); font-size:20pt; font-family:arial,tahoma; color:var(--bg); }
.sp1 .xtitle2 { margin:0 0 5px 0; padding:2px 6px 4px 8px; background-color:var(--bg3); font-size:13pt; color:var(--text2); }
.sp1 .xcol { display:inline-block; box-sizing:border-box; width:32%; padding:0 10px 20px 10px; border-right:2px dotted var(--bg3); vertical-align:top; text-align:left; }
.sp1 .xcol:last-child { border-width:0; }
.sp1 .xline { padding:5px 0 10px 0; }
.sp1 .xlink { position:relative; display:block; width:160px; margin:20px auto 0 auto;  padding:15px 15px 4px 15px; text-align:center; color:var(--text); }
.sp1 .xlink i { font-style:normal; font-size:10pt; color:var(--text3); }
.sp1 .xlink:hover { color:var(--linkactive); }
.sp1 .ximg { width:100px; height:100px; border-style:none; }
.sp1 .xno { position:absolute; display:block; left:20px; top:-5px; width:50px; height:50px; padding:8px 0 18px 0; background-image:url('image/top-num-bg.png'); background-repeat:no-repeat; text-align:center; font-size:19pt; color:var(--textred); }
.sp1 .xview { text-align:center; font-size:12pt; color:var(--text3); }
.sp1 .xvote { text-align:center; font-size:12pt; color:var(--text3); }
.sp1 .xvote0 { background-image:url('/pic-tem/icon-vote0.png'); height:16px; width:80px; margin:0 auto; }
.sp1 .xvote1 { background-image:url('/pic-tem/icon-vote1.png'); height:16px; width:0px; overflow:hidden; }
.sp1 .xname { text-align:center; font-size:14pt; color:var(--text2); }
.sp1 .xname a { color:var(--linkpj); }
.sp1 .xname a:hover { color:var(--linkpjactive); }
.sp1 .xnote { padding:25px 0 10px 0; text-align:center; font-size:11pt; color:var(--text3); }

@media (max-width:500px) {
	.sp1 .xcol { width:100%; padding:10px 10px 40px 10px; border-width:0; }
}